// 对axios请求进行封装,完成功能
// 1.公共的请求路径可以复用
// 2.自动携带公共的请求参数
// 3.返回的成功结果代表请求成功及功能成功,失败代表请求失败和功能失败
// 4.成功则直接得到数据,失败则直接得到失败原因
// 5.添加一个进度提示
import axios from 'axios'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
// axios.create 返回一个axios实例,功能和axios基本一致
// baseURL是基础路径,所有通过request发送的请求都会在请求地址前自动加上baseURL
// timeout,请求超时,超过时间则直接请求失败
// headers:固定写死的请求头可以放在这里面
const request = axios.create({
  baseURL: '/mock',
  timeout: 10000,
  // headers: {},
})
// 请求拦截器
// 一般只触发成功的回调
request.interceptors.request.use(
  // 成功的回调
  (config) => {
    NProgress.start()
    // 必须返回config
    // 返回的config对象会在成功回调后,发送请求的时候用上,此时可以添加动态的公共参数,如token等
    return config
  }
)

// 响应拦截器
request.interceptors.response.use(
  // 成功的回调
  (response) => {
    NProgress.done()
    if (response.data.code === 200) {
      // 功能成功
      return response.data.data
    } else {
      // 功能失败
      return Promise.reject(response.data.message || '未知错误,请联系网管')
    }
  },
  // 失败的回调
  (error) => {
    NProgress.done()
    return Promise.reject(error.message)
  }
)

export default request
